<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS的三大特性( 层叠 继承 优先级 )</title>
    <style>
      /* 层叠的特性: 权重大的选择器覆盖权重小的 相同则后来者居上 */
      /* 继承特性: 继承父亲或者祖先的一些属性(属性是否能继承),继承模式:就近继承 */
      /* 优先级： 所有的优先级都大于继承的属性 */
      div {
        color: red;
      }
      p {
          color: pink;
      }
    </style>
</head>
<body>
    <div>
      我是div中的内容
      <span>我是span中的内容1</span>
      <span>我是span中的内容2</span>
      <span>我是span中的内容3</span>
      <p>
        <span>我是span中的内容3</span>
      </p>
    </div>
</body>
</html>